<template>
	<!-- 项目详情 -->
	<view class="flex-col page">
		<view class="back-w" style="position: fixed;z-index: 9; height: 120rpx;">
			<view class="u-m-l-10" @click="Back()">
				<u-icon name="arrow-left" color="#000000" size="20"></u-icon>
			</view>
			<view class="f-w-l">
				项目详情</view>
		</view>
		<view class="flex-col group">
			<view class="flex-col section_1">
				<view class="flex-col items-center text-wrapper">
					<text class="text_1">在开工时需要先填写标准施工进度 &gt;</text>
				</view>
				<view class="flex-col section_2 positionbefore">
					<!-- 用户信息 -->
					<view class="flex-col">
						<view class="justify-between group_2">
							<view class="flex-row group_112">
								<image :src="listinfo.address" class="image_1" />
								<text class="text_2">{{listinfo.consumerName}}</text>
							</view>
							<view class="flex-row" @click="addvill">
								<image :src="$IMG_URL+'16557862453497102603.png'" class="image_2" />
							</view>
						</view>
						<view class="flex-row justify-between group_4">
							<text class="text_3">房屋所在区域</text>
							<text
								class="text_4">{{listinfo.provinceName}}{{listinfo.cityName}}{{listinfo.districtName}}</text>
						</view>
					</view>
					<view class="flex-col group_5">
						<view class="justify-between">
							<text class="text_5">房屋面积（m²）</text>
							<text class="text_6">{{this.listinfo.roomArea}}m²</text>
						</view>
						<view class="justify-between group_7">
							<text class="text_7">房屋户型</text>
							<text class="text_8">{{listinfo.roomTypeName}}</text>
						</view>
					</view>
					<view class="justify-between group_8">
						<text class="text_7">开始时间</text>
						<text class="text_8">{{listinfo.inspectionDate}}</text>
					</view>
				</view>
			</view>
			<view class="clickEEdiv">
				<view class="clickEE">
					<img :src="$IMG_URL+'16557862933010314922.png'" alt="">
				</view>
				<view class="linkto flex-row">
					<view @click="gotopurchase"></view>
					<view @click="gotobuild"></view>
					<view @click="gotolist"></view>
				</view>
			</view>
			<!--  -->
			<view class="flex-col group_9">
				<view class="flex-col section_3">
					<view class="flex-row group_10">
						<image :src="$IMG_URL+'16557826792503103103.png'" class="image_33" />
						<text class="text_11">业主需求提示</text>
					</view>
					<view v-if="foremanReply != null">
						<u-empty style="height: 22vh;" mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
						</u-empty>
					</view>
					<view v-else>
						<text class="text_12">
							{{foremanReply}}
						</text>
					</view>
				</view>
				<view class="flex-col section_4">
					<view class="justify-between group_11">
						<view class="flex-row">
							<image :src="$IMG_URL+'16557826792503103103.png'" class="image_3" />
							<text class="text_13">当前动态进度</text>
						</view>
						<view class="flex-row items-center text-wrapper_1"><text class="text_14">施工中</text></view>
					</view>
					<view class="divider"></view>
					<!--  -->
					<view class="flex-col" v-if="isExistence == '1'">
						<text class="text_15">合同工期:{{sumHours}}个工作日</text>
						<text class="text_16">总计划工期：{{planTime}}</text>
						<text class="text_17">施工阶段：{{constructionPlanName}}</text>
						<text class="text_18">当前工序进度：{{completionSchedule}}%</text>
						<text class="text_19">预计完成时间：{{actualEndTimeYJ}}</text>
						<view class="flex-row group_13">
							<text class="text_20" v-if="delayTime != null">已延期：{{delayTime}}个工作日</text>
							<text class="text_20" v-else>已延期：0个工作日</text>
							<text class="text_21" v-if="delayTime != null">
								<navigator url="/pages/foreman/delay/delay">查看原因</navigator>
							</text>
						</view>
						<text class="text_22">总计划工期延期至：{{actualEndTime}}</text>
					</view>
					<u-empty style="height: 24vh;" mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png"
						v-else>
					</u-empty>
				</view>
				<view class="flex-col section_5">
					<view class="flex-col items-center text-wrapper_2"><text class="text_23">动态施工进度</text></view>
					<view v-if="this.isExistence == '0'|| isExistence == null">
						<u-empty style="height: 30vh;" mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
						</u-empty>
					</view>
					<view v-if="this.isExistence == '0'">
						<u-empty style="height: 40vh;" mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
						</u-empty>
					</view>
					<view v-else>
						<shop-project :list="activeList"></shop-project>
					</view>
				</view>
				<view class="flex-col section_15">
					<view class="justify-center section_16">
						<text class="text_56">标准施工进度</text>
						<text class="text_57">
							<navigator url="/pages/foreman/editPlan/editPlan">编辑标准计划进度</navigator>
						</text>
					</view>
					<view class="flex-col group_24" v-if="isExistence == '1'">
						<view class="justify-between">
							<text class="text_58">总施工时间：</text>
							<text class="text_59">{{planTime}}</text>
						</view>
						<view class="justify-between group_26">
							<text class="text_60">总工时：</text>
							<text class="text_61">{{sumHours}}个工作日</text>
						</view>
					</view>
					<view class="flex-col section_17">
						<view v-if="isExistence == '0' || isExistence == null">
							<shop-project :list="otherlist"></shop-project>
						</view>
						<view v-else>
							<shop-project :list="BZlist"></shop-project>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				listinfo: '',
				activeList: [],
				BZlist: [],
				ordersId: '',
				// 项目详情相关
				planTime: '',
				constructionPlanId: '',
				constructionPlanName: "",
				actualEndTimeYJ: '',
				completionSchedule: '',
				delayTime: '',
				actualEndTime: '',
				sumHours: '',
				isExistence: "",
				projectId: '',
				foremanReply: ""
			}
		},
		onLoad(option) {
			this.ordersId = option.ordersId;
		},
		onShow() {
			console.log(222);
			this.getJD();
			uni.startPullDownRefresh();
			setTimeout(function() {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		methods: {
			onPullDownRefresh() {
				this.getJD()
				setTimeout(function() {
					uni.stopPullDownRefresh();
				}, 1000);
			},
			Back() {
				let pageNum = 2
				let pages = getCurrentPages(); // 当前页面
				let beforePage = pages[pages.length - pageNum];
				uni.navigateBack({
					success: function() {
						beforePage.$vm.$refs.foreman.getlist();
					}

				})
			},
			addvill() {
				this.go('/pages/foreman/projectEx/addVillage?userId=' + this.listinfo.userId + '&ordersType=' + this
					.listinfo.roleId)
			},
			getJD() {
				const projectId = uni.getStorageSync('projectId');
				this.$http('onsite.schedule', {
					projectId: projectId
				}).then(res => {
					// console.log(res, '获取详情')
					if (res.code == 200) {
						this.projectId = res.data.projectId;
						this.planTime = res.data.planTime;
						this.constructionPlanName = res.data.constructionPlanName;
						this.completionSchedule = res.data.completionSchedule;
						this.delayTime = res.data.delayTime;
						this.actualEndTimeYJ = res.data.actualEndTimeYJ;
						this.actualEndTime = res.data.actualEndTime;
						this.isExistence = res.data.isExistence;
						const arr = res.data.constructionPlanList;
						if (res.data.sumHours != null) {
							this.sumHours = res.data.sumHours;
						} else {
							this.sumHours = 0
						}
						if (res.data.constructionPlanList != null) {
							const arr = res.data.constructionPlanList;
							// 标准 计划
							this.BZlist = arr;
							this.activeList = arr;
							this.otherlist = arr;
						} else {

						}
					}
				})
				let inspectionFrequencyId = uni.getStorageSync('inspectionFrequencyId');
				this.$http('common.getInfolist', {
					ordersId: this.ordersId,
					type: '5',
					inspectionFrequencyId: inspectionFrequencyId
				}).then(res => {
					// console.log(res,'获取用户信息')
					if (res.code == 200) {
						this.listinfo = res.data;
						this.foremanReply = res.data.hint
						console.log(this.listinfo);
					}
				})
			},
			gotopurchase() {
				uni.navigateTo({
					url: '/pages/foreman/purchase/purchase'
				})
			},
			gotobuild() {
				uni.navigateTo({
					url: '/pages/onSite/onSiteIndex/buildImg/buildImg?ordersId=' + this.ordersId
				})
			},
			gotolist() {
				uni.navigateTo({
					url: '/pages/foreman/checklist/checklist?ordersId=' + this.ordersId
				})
			},
		},
	};
</script>

<style scoped lang="scss">
	.back-w {
		display: flex;
		flex-direction: row;
		padding-top: 50rpx;
		/* align-items: center; */
		width: 100vw;
		height: 90rpx;
		background-color: #ffffff;
	}

	.f-w-l {
		display: flex;
		flex-direction: row;
		font-weight: bold;
		margin-left: 33%;
	}

	.image_3 {
		margin-top: 18rpx;
		width: 26rpx;
		height: 16rpx;
	}

	.image_33 {
		margin-top: 15rpx;
		width: 26rpx;
		height: 16rpx;
	}

	.group_14 {
		margin-left: 65rpx;
		align-self: flex-start;
		width: 435rpx;
	}

	.group_16 {
		margin-left: 34rpx;
		margin-top: 16.5rpx;
		align-self: flex-start;
		width: 463rpx;
	}

	.group_17 {
		margin-top: 14.5rpx;
		height: 51rpx;
	}

	.equal-division {
		margin-left: 134rpx;
		margin-top: 20.5rpx;
		align-self: flex-start;
		width: 563rpx;
	}

	.image_6 {
		margin-left: 111rpx;
		margin-top: -51rpx;
		flex-shrink: 0;
		align-self: flex-start;
		width: 24rpx;
		height: 32rpx;
	}

	.equal-division-item {
		padding: 10rpx 0;
	}

	.group_19 {
		padding: 8rpx 0;
		width: 200rpx;
		border: 1px solid #1d6aff;
		position: relative;
	}

	.group_20 {
		padding: 8rpx 0;
		width: 102rpx;
		position: relative;
	}

	.section_8 {
		background-image: linear-gradient(90deg, #9ae8fd66 0%, #9ae8fd66 1.59%, #12c1f066 90.4%, #12c1f066 100%);
		width: 200rpx;
	}

	.text-wrapper_3 {
		padding: 3rpx 0;
		background-color: #09c7f4;
		box-shadow: 0px 0px 8rpx 0px #0cc7f44d;
		border-radius: 12rpx;
		min-width: 44rpx;
		position: absolute;
		right: 56rpx;
		top: 0;
	}

	.section_10 {
		background-image: linear-gradient(90deg, #69e3c066 0%, #69e3c066 2.31%, #0bc89266 93.64%, #0bc89266 100%);
		width: 200rpx;
		height: 8rpx;
	}

	.text-wrapper_4 {
		padding: 3rpx 0;
		background-color: #cccccc;
		border-radius: 12rpx;
		width: 44rpx;
		position: absolute;
		left: 0;
		top: 0;
	}

	.section_11 {
		background-image: linear-gradient(90deg, #ffc17466 0%, #ffc17466 2.31%, #ff9d2366 93.64%, #ff9d2366 100%);
		width: 200rpx;
		height: 8rpx;
	}

	.section_12 {
		background-image: linear-gradient(90.5deg, #a3c3ff66 0%, #a3c3ff66 -7.71%, #1d6aff66 61.14%, #1d6aff66 100%);
		width: 102rpx;
		height: 8rpx;
	}

	.section_9 {
		background-image: linear-gradient(90deg, #9ae8fd 0%, #9ae8fd 1.59%, #12c1f0 90.4%, #12c1f0 100%);
		width: 100rpx;
		height: 8rpx;
	}

	.text_32 {
		color: #666666;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_34 {
		color: #666666;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_24 {
		color: #ffffff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_28 {
		color: #ffffff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_44 {
		color: #666666;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_50 {
		color: #666666;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_46 {
		color: #f6f7f9;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_52 {
		align-self: flex-start;
		color: #ffffff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_36 {
		color: #ffffff;
		font-size: 16rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 18rpx;
		padding: 0 10rpx;
	}

	.text_38 {
		color: #ffffff;
		font-size: 16rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 18rpx;
	}

	.text_40 {
		color: #ffffff;
		font-size: 16rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 18rpx;
	}

	.text_42 {
		color: #ffffff;
		font-size: 16rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 18rpx;
	}

	.group_15 {
		margin-top: 6rpx;
		background-image: url($IMG_URL+'16557862409591999109.png');
		background-position: 8.5% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 156rpx;
		height: 92rpx;
	}

	.group_18 {
		margin-top: 27rpx;
	}

	.text_26 {
		margin-top: 5rpx;
		color: #ffffff;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_30 {
		margin-top: 5rpx;
		color: #ffffff;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.section_13 {
		margin-left: 10rpx;
		margin-top: 16.5rpx;
		align-self: stretch;
	}

	.section_14 {
		margin-top: 16.5rpx;
	}

	.text_48 {
		margin-top: 5rpx;
		color: #f6f7f9;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_54 {
		margin-top: 5rpx;
		color: #ffffff;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.page {
		background-color: #f6f7f9ff;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
	}

	.group {
		flex: 1 1 auto;
		overflow-y: auto;
		margin-top: 120rpx;
		overflow: hidden;
	}

	.section_1 {
		height: 300rpx;
	}

	.clickEEdiv {
		width: 97%;
		margin: 0 auto;
		margin-top: 255rpx;
		margin-left: 5%;
	}

	.clickEE {
		width: 100%;
	}

	.clickEE img {
		width: 100%;
	}

	.group_9 {
		padding: 20rpx 24rpx 29rpx;
	}

	.text-wrapper {
		padding: 36rpx 0 171rpx;
		background-image: url($IMG_URL+'16557862407542529069.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.section_2 {
		margin: -136rpx 24rpx 0;
		padding: 32rpx 38rpx 35rpx 40rpx;
		background-image: linear-gradient(180deg, #e2ebff 0%, #e2ebff 0%, #ffffff 17.98%, #ffffff 100%);
		border-radius: 16rpx;
		position: relative;
	}

	.section_3 {
		padding: 0 24rpx 69rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.section_4 {
		margin-top: 20rpx;
		padding-left: 24rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.section_5 {
		margin-top: 20rpx;
		padding-bottom: 32rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.section_15 {
		margin-top: 20rpx;
		padding-bottom: 32.5rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.text_1 {
		color: #ffffff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.group_5 {
		margin-top: 39rpx;
	}

	.group_8 {
		margin-top: 39rpx;
	}

	.group_10 {
		padding: 30rpx 0 30rpx;
		border-bottom: solid 1rpx #eeeeee;
		height: 100%;
		width: 100%;
	}

	.text_12 {
		margin-top: 32rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
		text-align: left;
	}

	.group_11 {
		padding-top: 30rpx;
		// padding: 29rpx 0;
		padding-bottom: 25rpx;
	}

	.divider {
		margin-right: 24rpx;
		background-color: #eeeeee;
		border-radius: 0.5rpx;
		height: 1rpx;
	}

	.text_15 {
		margin-top: 30rpx;
		align-self: flex-start;
		color: #333333;
		font-size: 26rpx;
		font-family: '.AppleSystemUIFont';
	}

	.text_16 {
		margin-top: 30rpx;
		align-self: flex-start;
		color: #333333;
		font-size: 26rpx;
		font-family: '.AppleSystemUIFont';
	}

	.text_17 {
		margin-top: 30rpx;
		align-self: flex-start;
		color: #333333;
		font-size: 26rpx;
		font-family: '.AppleSystemUIFont';
	}

	.text_18 {
		margin-top: 30rpx;
		align-self: flex-start;
		color: #333333;
		font-size: 26rpx;
		font-family: '.AppleSystemUIFont';
	}

	.text_19 {
		margin-top: 30rpx;
		align-self: flex-start;
		color: #333333;
		font-size: 26rpx;
		font-family: '.AppleSystemUIFont';
	}

	.group_13 {
		margin-top: 30rpx;
	}

	.text_22 {
		margin-top: 30rpx;
		align-self: flex-start;
		color: #333333;
		font-size: 26rpx;
		font-family: '.AppleSystemUIFont';
		margin-bottom: 30rpx;
	}

	.text-wrapper_2 {
		height: 88rpx;
		background-color: #1d6aff1a;
		border-radius: 16rpx 16rpx 0px 0px;
	}

	.section_6 {
		margin-left: 24rpx;
		margin-top: 40.5rpx;
		overflow: hidden;
		background-image: url($IMG_URL+'16557862409591999109.png');
		background-position: 8.5% 0%;
		background-size: 23.5% 26%;
		background-repeat: no-repeat;
		height: 359.5rpx;
	}

	.section_16 {
		// padding: 20rpx 27rpx 32rpx;
		height: 88rpx;
		background-color: #1d6aff1a;
		border-radius: 16rpx 16rpx 0px 0px;
		position: relative;
	}

	.group_24 {
		padding: 30rpx 22rpx 57rpx 24rpx;
	}

	.section_17 {
		margin-left: 24rpx;
		overflow: hidden;
		height: 400rpx;
	}

	.group_2 {
		padding-bottom: 24rpx;
		border-bottom: solid 1rpx #eeeeee;
	}

	.group_112 {
		display: flex;
		height: 100%;
		align-items: center;
	}

	.group_4 {
		flex-direction: row;
		padding-top: 31rpx;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

	.group_7 {
		margin-top: 33rpx;
	}

	.text_9 {
		margin-bottom: 6rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		// line-height: 33rpx;
	}

	.text_10 {
		margin-top: 6rpx;
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		// line-height: 33rpx;
	}

	.text_11 {
		margin-left: 12rpx;
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.group_12 {
		margin-bottom: 8rpx;
	}

	.text-wrapper_1 {
		background-image: linear-gradient(90deg, #1d6aff33 0%, #1d6aff33 8.92%, #0f358000 100%, #0f358000 100%);
		border-radius: 20rpx 0px 0px 20rpx;
		width: 120rpx;
		height: 40rpx;
	}

	.text_20 {
		color: #333333;
		font-size: 26rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 30rpx;
	}

	.text_21 {
		margin-left: 39rpx;
		color: #1c4ca8;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_23 {
		color: #191919;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		display: flex;
		align-items: center;
		height: 100%;

	}

	.text_56 {
		color: #191919;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		display: flex;
		align-items: center;
		height: 100%;
	}

	.text_57 {
		color: #1d6aff;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		position: absolute;
		right: 27rpx;
		display: flex;
		align-items: center;
		height: 100%;
	}

	.group_26 {
		margin-top: 33rpx;
	}

	.image_2 {
		align-self: center;
		width: 26rpx;
		height: 26rpx;
	}

	.text_3 {
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
	}

	.text_4 {
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		display: flex;
		flex-direction: row;
		// width: 100%;
		flex-wrap: wrap;
	}

	.text_5 {
		margin-bottom: 6rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
	}

	.text_6 {
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
	}

	.text_7 {
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
	}

	.text_8 {
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
	}

	.image_5 {
		flex-shrink: 0;
	}

	.text_13 {
		margin-left: 12rpx;
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
	}

	.text_14 {
		color: #1d6aff;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
	}

	.section_7 {
		padding: 6rpx 0 25rpx;
		background-image: url($IMG_URL+'16557862442321253206.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 156rpx;
		height: 92rpx;
	}

	.text_58 {
		margin-bottom: 6rpx;
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
	}

	.text_59 {
		margin-top: 6rpx;
		color: #191919;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
	}

	.text_60 {
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
	}

	.text_61 {
		margin-right: 5rpx;
		color: #191919;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
	}

	.section_18 {
		padding: 6rpx 0 25rpx;
		background-image: url($IMG_URL+'16557862442321253206.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 156rpx;
		height: 92rpx;
	}

	.image_1 {
		flex-shrink: 0;
		border-radius: 50%;
		width: 96rpx;
		height: 96rpx;
	}

	.text_2 {
		margin-left: 32rpx;
		color: #333333;
		font-size: 36rpx;
		font-family: '.AppleSystemUIFont';
	}

	.view_18 {
		padding: 19rpx 0 12rpx;
		background-image: url($IMG_URL+'16557862442352586729.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.view_19 {
		padding: 19rpx 0 12rpx 6rpx;
		background-image: url($IMG_URL+'16557862442370228344.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.view_38 {
		padding: 19rpx 0 12rpx;
		background-image: url($IMG_URL+'16557862442352586729.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.view_39 {
		padding: 19rpx 0 12rpx 6rpx;
		background-image: url($IMG_URL+'16557862442352586729.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.positionbefore {
		position: relative;
	}

	.linkto {
		width: 92%;
		height: 185rpx;
		margin: 0 auto;
		justify-content: space-between;
		margin-top: -190rpx;
	}

	.linkto view {
		width: 30%;
	}
</style>
